<template>
  <div class="app-container">
    <div class="main-content">
      <el-tabs v-model="activeName" class="tabs">
        <el-tab-pane :label="$t('webInfoConfig.platformSideConfiguration')" name="webConfigBs">
          <add-or-update paramKey='PLATFROM_WEBSITE_CONFIG' remark='平台端网站配置' v-if="activeName === 'webConfigBs'"/>
        </el-tab-pane>
        <el-tab-pane :label="$t('webInfoConfig.merchantSideConfiguration')" name="webConfigShop">
          <add-or-update paramKey='MULTISHOP_WEBSITE_CONFIG' remark='商家端网站配置' v-if="activeName === 'webConfigShop'"/>
        </el-tab-pane>
        <el-tab-pane :label="this.$i18n.t('webInfoConfig.h5Configuration')" name="webConfigUni">
          <add-or-update paramKey='H5_WEBSITE_CONFIG' remark='H5端网站配置' v-if="activeName === 'webConfigUni'"/>
        </el-tab-pane>
        <el-tab-pane :label="this.$i18n.t('webInfoConfig.stationConfiguration')" name="webConfigStation">
          <add-or-update paramKey='STATION_WEBSITE_CONFIG' remark='门店端网站配置' v-if="activeName === 'webConfigStation'"/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import AddOrUpdate from './webConfig-add-or-update'
export default {
  data () {
    return {
      showTab: true,
      activeName: 'webConfigBs'
    }
  },
  components: {
    AddOrUpdate
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style scoped>

</style>
